<template>
	<el-card class="box-card mt-20">
		<div id="mapView">
			<BmapScatter></BmapScatter>
			<div class="content-r">
				<el-card class="box-card">
					<div slot="header" class="clearfix">
						<span>用户月同比增长</span>
					</div>
					<Liquidfill></Liquidfill>
				</el-card>
				<el-card class="box-card mt-20">
					<div slot="header" class="clearfix">
						<span>热门搜索</span>
					</div>
					<Wordcloud></Wordcloud>
				</el-card>
			</div>
		</div>
	</el-card>
</template>
<script>
import BmapScatter from './../BmapScatter/index';
import Liquidfill from './../Liquidfill/index';
import Wordcloud from './../Wordcloud/index';

export default {
	name: 'mapView',
	components: {
		BmapScatter,
		Liquidfill,
		Wordcloud,
	},
};
</script>
<style lang="scss" scoped>
.mt-20 {
	margin-top: 20px;
}
#mapView {
	display: flex;
	justify-content: space-between;
}
.content-r {
	width: 250px;
}
</style>
